@header-bg: #FFFFFF;
@header-height: 55px;
@header-shadow: #EEEEEE;
@header-hover-bg: #F0F0F0;
.header {
  width: 100%;
  height: @header-height;
  background: @header-bg;
  position: fixed;
  top: 0;
  box-shadow: 0 1px 1px @header-shadow;

  .header-body {
    margin: 0 auto;
    height: @header-height;
    line-height: @header-height;
    width: 1400px;

    .header-logo {
      float: left;
      img {
        margin-top: 5px;
        width: 45px;
        height: 45px;
      }
    }

    .header-container {
      width: 1000px;
      height: @header-height;
      display: block;
      margin: 0 auto;
      ul li {
        padding-left: 15px;
        padding-right: 15px;
        &:hover {
          background: @header-hover-bg;
        }
        a {
          color: #ea6f5a;
        }
      }

      .header-menu li {

        font-size: 18px;
        float: left;
      }
      .header-user li {
        padding-right: 20px;
        padding-left: 20px;
        font-size: 15px;
        float: right;
        a {
          color: #969696;
        }
        &:hover {
          background: @header-hover-bg;
        }
        img {
          display: inline-block;
          border-radius: 50%;
          border: 1px solid #DDDDDD;
          width: 35px;
          height: 35px;
        }
        i {
          font-size: 12px;
        }

      }

      .drop-down {
        display: none;
        position: relative;
        float: right;
        top: @header-height;
        right: -140px;
        background: #FFFFFF;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        ul li {
          font-size: 12px;
          font-weight: 400;
          float: none;
          padding-left: 20px;
          padding-right: 30px;
          cursor: pointer;
          i {
            font-size: 16px;
            color: #ea6f5a;
            margin-right: 15px;
          }
        }

      }
    }

    .header-option{
      display: inline;
      float: right;
      padding-left: 15px;
      padding-right: 15px;
      cursor: pointer;
      &:hover{
        background: @header-hover-bg;
      }
    }
  }
}


